<div class="emr-item-dialog enyo">
    <div class="header-wrapper enyo-border-bottom" style="position: relative;">
        <ul class="enyo-navbar" ng-init="isShowTabIndex = 1">
            <li ng-class="{'active':isShowTabIndex == 1}" ng-click="isShowTabIndex = 1">
                <a>{{mainTypeName}}词条</a>
            </li>
            <li ng-class="{'active':isShowTabIndex == 2}" ng-click="isShowTabIndex = 2">
                <a>{{mainTypeName}}模板</a>
            </li>
        </ul>
        <span style="position: absolute; top: 4px; right: 10px; font-size: 20px; cursor: pointer;" ng-click="close()">
            <i class="iconfont icon-guanbi"></i>
        </span>
    </div>
    <div class="modal-body">
        <div class="modal-body-item" ng-show="isShowTabIndex == 1">
            <div class="item-group clearfix" ng-repeat="sub in subTypesArray">
                <div class="item-left">
                    <span class="text" title="{{sub.subType}}"><h6 ng-bind="sub.subType"></h6>:</span>
                </div>
                <div class="item-right">
                    <ul class="clearfix">
                        <li ng-repeat="item in sub.items" ng-click="additional(item.itemContent)"><span ng-bind="item.itemContent"></span></li>
                    </ul>
                </div>
            </div>
        </div>
        <div class="modal-body-template" ng-show="isShowTabIndex == 2" ng-init="clickedName = '我的模板'">
            <div class="row" style="margin-left: 0;">
                <div class="col-sm-3 left-sub-type">
                    <div class="sub-type-items">
                        <ul class="sub-type-items-ul" ng-class="{'plus':!isShowSubType}" ng-repeat="nodes in levelNode">
                            <li>
                                <span class="sub-type-items-main">
                                    <a href="javascript:void(0);" ng-click="isShowSubType=!isShowSubType"><i ng-if="isShowSubType || nodes.childrenItems.length == 0" class="fa fa-minus-square"></i><i ng-if="!isShowSubType && nodes.childrenItems.length > 0" class="fa fa-plus-square"></i></a>
                                    <span ng-class="{'active':clickedName == nodes.itemName}" ng-bind="nodes.itemName" ng-click="getContent(nodes);isShowSubType=!isShowSubType;"></span>
                                </span>
                                <ul ng-if="isShowSubType" ng-show="nodes.childrenItems.length > 0">
                                    <li class="clearfix" ng-repeat="nodeItems in nodes.childrenItems" ng-if="nodeItems.spriteCssClass == 'folder' || nodeItems.spriteCssClass == 'rootfolder'">
                                        <span class="left-dot"></span>
                                        <ul class="sub-type-items-ul sub-type-items-ul-third" ng-class="{'plus':!isShowSubTypeChild}">
                                            <li>
                                                <span class="sub-type-items-main">
                                                    <a href="javascript:void(0);" ng-click="isShowSubTypeChild=!isShowSubTypeChild"><i ng-if="isShowSubTypeChild" class="fa fa-minus-square"></i><i ng-if="!isShowSubTypeChild" class="fa fa-plus-square"></i></a>
                                                    <span ng-class="{'active':clickedName == nodeItems.itemName}" ng-bind="nodeItems.itemName" ng-click="getContent(nodeItems);isShowSubTypeChild=!isShowSubTypeChild;"></span>
                                                </span>
                                                <ul ng-if="isShowSubTypeChild" ng-show="nodeItems.childrenItems.length > 0">
                                                    <li class="clearfix" ng-repeat="thirdNodeItems in nodeItems.childrenItems" ng-if="thirdNodeItems.spriteCssClass == 'folder'">
                                                        <span class="left-dot"></span>
                                                        <ul class="sub-type-items-ul sub-type-items-ul-third" ng-class="{'plus':!isShowThirdTypeChild}">
                                                            <li>
                                                                <span class="sub-type-items-main">
                                                                    <a href="javascript:void(0);" ng-click="isShowThirdTypeChild=!isShowThirdTypeChild"><i ng-if="isShowThirdTypeChild" class="fa fa-minus-square"></i><i ng-if="!isShowThirdTypeChild" class="fa fa-plus-square"></i></a>
                                                                    <span ng-class="{'active':clickedName == thirdNodeItems.itemName}" ng-bind="thirdNodeItems.itemName" ng-click="getContent(thirdNodeItems);isShowThirdTypeChild=!isShowThirdTypeChild;"></span>
                                                                </span>
                                                                <ul ng-if="isShowThirdTypeChild" ng-show="thirdNodeItems.childrenItems.length > 0">
                                                                    <li class="clearfix sub-template" ng-repeat="thirdItem in thirdNodeItems.childrenItems" ng-if="thirdItem.spriteCssClass == 'image'"><span class="left-dot"></span><span class="text"><span ng-class="{'active':clickedName == thirdItem.itemName}" title="{{thirdItem.itemName}}" class="text-name" ng-click="getContent(thirdItem);"><i class="leaf"></i>{{thirdItem.itemName}}</span></span></li>
                                                                </ul>
                                                            </li>
                                                        </ul>
                                                    </li>
                                                    <li class="clearfix not-sub sub-template" ng-repeat="thirdNodeItems in nodeItems.childrenItems" ng-if="thirdNodeItems.spriteCssClass == 'image'">
                                                        <span class="left-dot"></span>
                                                        <span class="text">
                                                            <span ng-class="{'active':clickedName == thirdNodeItems.itemName}" title="{{thirdNodeItems.itemName}}" class="text-name" ng-click="getContent(thirdNodeItems);">
                                                                <i class="leaf"></i>{{thirdNodeItems.itemName}}
                                                            </span>
                                                        </span>
                                                    </li>
                                                </ul>
                                            </li>
                                        </ul>
                                    </li>
                                    <li class="clearfix not-sub sub-template" ng-repeat="nodeItems in nodes.childrenItems" ng-if="nodeItems.spriteCssClass == 'image'">
                                        <span class="left-dot"></span>
                                        <span class="text">
                                            <span ng-class="{'active':clickedName == nodeItems.itemName}" title="{{nodeItems.itemName}}" class="text-name" ng-click="getContent(nodeItems);">
                                                <i class="leaf"></i>{{nodeItems.itemName}}
                                            </span>
                                        </span>
                                    </li>
                                </ul>
                            </li>
                        </ul>
                    </div>
                </div>
                <div class="col-sm-9 test">
                    <div class="right-template-content" id="right-template-content" style="width: 99%;">
                        <div class="content-head" ng-bind="contentItemName"></div>
                        <ul>
                            <li ng-repeat="content in contentArray track by $index" ng-class="{'over':getContentWidth(content)}" font-size="12"><span ng-bind="content" ng-click="addContent(content)"></span></li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>